<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>首航节能-智慧园区</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/form.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <!--表单验证样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/formValidator/style/validator.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/zTree/css/metroStyle/metroStyle.css"/>
    <!--树状图-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/Tree/dictTree.css" />
    <!--批量导入插件样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/userManagement/importContacts.css"/>
    <style>
        #treeOrg  li ul{
            padding: 0px;
        }
        #menuContent .modal-body{
            padding: 0;
        }
        .menuContent .ztree {
            border: 1px solid #617775;
            background: #fff;
            overflow-y: auto;
            overflow-x: auto;
        }
    </style>
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->
    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>物业运营 > 资产管理 > 空间资产台帐</h2>
                </div>

                <div class="t-list-btns">
                    <p>请求记录</p>
                    <span id="dataTreeTotal"></span>
                    <div>
                        <a class="t-btn t-btn-blue" id="btnAddBuilding">新增</a>
                        <div class="fl" style="position: relative;">
                            <a class="t-btn t-btn-blue" id="uploadTip">批量导入</a>
                               <input id="file_upload" style="display: none;" name="fileData" type="file" multiple="false"/>
                        </div>
                        <a class="t-btn t-btn-blue fl" href="../../../../excle/region_template.xls" download="region_template.xls" id="downLoadTemp">下载模板</a>
                    </div>
                </div>

                <form id="dictDataForm">
                    <input type="hidden" id="detailDictValue" name="dictValue">
                </form>


                <div class="t-layout-ra clearfix">
                    <div>
                        <form id="frmTree">
                            <input type="hidden" id="regionId" name="regionId"/>
                            <ul id="treeOrg" class="ztree"></ul>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--版权-->
<div id="copyright"></div>
<!--模态框-->
<!--新增页面-->
<div class="modal fade bs-example-modal-lg" id="modalDistrict" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">新增空间资产台帐</h4>
            </div>
            <form id="frmMain">
                <div class="modal-body">
                    <div class="t-list">
                        <div class="person-setting">
                            <div class="t-columns-1">
                                <ul class="t-columns-group">
                                    <input type="hidden" id="hidRegionId" name="regionId"/>
                                    <li class="pnode">
                                        <label id="depart">父级节点</label>
                                        <div style="position: relative;">
                                            <input type="text" id="parentText" readonly/>
                                            <input type="hidden" name="parentId" id="parentId"/>
                                        </div>
                                    </li>
                                     <li class="verify pnode">
                                        <label></label>
                                        <div><span class="t-tip-verification">如果没有父级节点，则无需选择</span></div>
                                    </li>
                                    <li>
                                        <label class="necessary">空间编码</label>
                                        <div><input type="text" id="regionCode" name="regionCode" value="" maxlength="100"/></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="regionCodeTip"></div></div>
                                    </li>
                                    <li>
                                        <label class="necessary">空间名称</label>
                                        <div><input type="text" id="regionName" name="regionName" value="" maxlength="100"/></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="regionNameTip"></div></div>
                                    </li>
                                    <li>
                                        <label class="necessary">空间类型</label>
                                        <div>
                                            <select id="regionType" name="regionType">
                                            	<option value="">--请选择--</option>
                                                <option value="园区">园区</option>
                                                <option value="楼盘单元">楼盘单元</option>
                                                <option value="客户区域-楼层">客户区域-楼层</option>
                                                <option value="客户区域-房间">客户区域-房间</option>
                                                <option value="室外公共区域">室外公共区域</option>
                                                <option value="室内公共区域">室内公共区域</option>
                                                <option value="地下公共区域">地下公共区域</option>
                                                <option value="设备机房区域">设备机房区域</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea"><div id="regionTypeTip"></div></div>
                                    </li>
                                    <li class="pnode">
                                        <label id="depart">空间面积</label>
                                        <div>
                                            <input type="text" id="regionArea" name="regionArea"/>
                                        </div>
                                    </li>
                                    <li class="pnode">
                                        <label id="depart">空间高度</label>
                                        <div>
                                            <input type="text" id="regionHeigh" name="regionHeigh"/>
                                        </div>
                                    </li>
                                    <li class="pnode">
                                        <label id="depart">空间状态</label>
                                        <div>
                                            <select id="regionState" name="regionState">
                                                <option value="">--请选择--</option>
                                                <option value="未用">未用</option>
                                                <option value="自用">自用</option>
                                                <option value="租用">租用</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="pnode">
                                        <label id="depart">空间描述</label>
                                        <div>
                                            <input type="text" id="regionDescription" name="regionDescription"/>
                                        </div>
                                    </li>
                                    <!-- add -->
                                    <li class="pnode">
                                        <label id="depart">开放时间</label>
                                        <div>
                                            <input type="text" id="openingTime" name="openingTime"/>
                                        </div>
                                    </li>
                                    <li class="pnode">
                                        <label id="depart">关闭时间</label>
                                        <div>
                                            <input type="text" id="closeTime" name="closeTime"/>
                                        </div>
                                    </li>
                                    <li class="pnode">
                                        <label id="depart">额定照明功耗</label>
                                        <div>
                                            <input type="text" id="ratedPowerConsumption" name="ratedPowerConsumption"/>
                                        </div>
                                    </li>
                                    <li class="pnode">
                                        <label id="depart">备注</label>
                                        <div>
                                            <input type="text" id="remark" name="remark"/>
                                        </div>
                                    </li>
                                    <!-- addEnd -->
                                   
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btn_saveUser">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!--删除提示模态框-->
<div class="modal fade bs-example-modal-sm in" id="modalDelBuilding" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="margin-top: 258px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">是否删除该空间?</h4>
            </div>
            <div class="modal-body">
                <div class="t-list">
                    <div id="delDeptName" class="title" style="font-weight: bold;">
                    </div>
                    <div class="content mt-10" style="line-height: 24px">
                        删除该空间前，请先删除下属所有空间
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="btnDelete">确定</button>
            </div>
        </div>
    </div>
</div>
<!--提示模态框-->
<div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>
<!--新增树状图拟态框-->
<div id="menuContent" class="menuContent" style="overflow: hidden; display:none; position: absolute;z-index: 9999;border: 1px solid #617775;background:#fff;">
    <ul id="treeOrgModal" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
</div>

<!--jquery库文件-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<script charset="utf-8" src="../../../assets/common/loadHeaderAndCopyright.js"></script>
<!--文件上传插件-->
<script language="javascript" type="text/javascript">
    //防止客户端缓存文件，造成uploadify.js不更新，而引起的“浏览器崩溃”
    document.write("<script type='text/javascript' "
            + "src='../../../assets/lib/uploadify/jquery.uploadify.min.js?ver=" + new Date().getTime()
            + "'></s" + "cript>");
</script>
<!--模态框-->
<script charset="utf-8" src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>

<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>
<!--树形节点-->
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.core.min.js"></script>
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.excheck.min.js"></script>
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.exedit.min.js"></script>
<!--表单验证-->
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidator.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>

<script charset="utf-8" src="../../../assets/common/centerModal.js"></script>

<!--分页脚本-->
<script charset="utf-8" src="../../../assets/common/ajaxPoster.js"></script>
<script charset="utf-8" src="../../../js/systemManagement/regionManagement/region.js"></script>
</body>
</html>